<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>Welcome to OTV_JSF_Spring_Hibernate_Project</title>
</h:head>
<h:body>
	<h:form>
		<table>
			<tr>
				<td><h:outputLabel for="id" value="Id : " /></td>
				<td><p:inputText id="id" value="#{piezaMB.id}">
						<f:converter converterId="javax.faces.Integer" />
						<p:ajax event="blur" update="idMsg" />
					</p:inputText> <p:message id="idMsg" for="id" display="icon" /></td>
			</tr>
			<tr>
				<td><h:outputLabel for="alojamiento" value="Alojamiento : " /></td>
				<td><p:selectOneMenu id="alojamiento"
						value="#{piezaMB.alojamiento}">
						<f:selectItems value="#{piezaMB.alojamientoList}" var="aloj"
							itemLabel="#{aloj.nombre}" itemValue="#{aloj.id}" />
					</p:selectOneMenu> <p:message id="alojamientoMsg" for="alojamiento" display="icon" />
				</td>
			</tr>


			<tr>
				<td><h:outputLabel for="nombre" value="Nombre :  " /></td>
				<td><p:inputText id="nombre" value="#{piezaMB.nombre}">
						<f:validateLength minimum="1" />
						<p:ajax event="blur" update="nombreMsg" />
					</p:inputText> <p:message id="nombreMsg" for="nombre" display="icon" /></td>
			</tr>


			<tr>
				<td><h:outputLabel for="disponibilidad"
						value="Disponibilidad : " /></td>
				<td><p:selectBooleanButton id="disponibilidad"
						value="#{piezaMB.disponible}" onLabel="Si" offLabel="No"
						onIcon="ui-icon-check" offIcon="ui-icon-close">
					</p:selectBooleanButton> <p:message id="disponibilidadMsg" for="disponibilidad"
						display="icon" /></td>
			</tr>

			<tr>
				<td><h:outputLabel for="valor" value="Valor : " /></td>
				<td><p:inputText id="valor" value="#{piezaMB.valor}">
						<f:validateLength minimum="1" />
						<p:ajax event="blur" update="valorMsg" />
					</p:inputText> <p:message id="valorMsg" for="valor" display="icon" /></td>
			</tr>
			<tr>
				<td><h:outputLabel for="descripcion" value="Descripcion: " /></td>
				<td><p:inputText id="descripcion"
						value="#{piezaMB.descripcion}">
						<f:validateLength minimum="1" />
						<p:ajax event="blur" update="descripcionMsg" />
					</p:inputText> <p:message id="descripcionMsg" for="descripcion" display="icon" />
				</td>
			</tr>

			<tr>
				<td><p:commandButton id="addPieza" value="Agregar"
						action="#{piezaMB.addPieza}" ajax="false" /></td>
				<td><p:commandButton id="reset" value="Reset"
						action="#{piezaMB.reset}" ajax="false" /></td>
			</tr>
		</table>
	</h:form>
</h:body>
</html>
